<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Qyuki- Create, Connect, Monetize</title>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"/>
        <meta name="description" content="India's first elite creator network created by Shekhar Kapur, AR Rahman & Samir Bangara. It's time to create, connect, monetize."/>
        <meta name="keywords" content=""/>
        <meta name="author" content=""/>
        <meta charset="utf-8"/>
        
        <!-- fav icon -->
        <link rel="icon" href="/favicon.ico" type="image/x-icon"/>
		
		<!-- fonts -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,800,700,300' rel='stylesheet' type='text/css' />
		
        <!-- styles -->
        <link href="/css/bootstrap-v3_1_1.css" rel="stylesheet"/>
        <link href="/css/style.css" rel="stylesheet"/>
        
        <!-- js -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="/js/bootstrap.js"></script>
        
        <script>
        	$(document).ready(function(){
        		$('.notify').click(function(){
        			$('.action-dropdown').addClass('visible-lg');
        			$('.action-dropdown').addClass('visible-md');
        			$('.sidebar').toggleClass('show-necessary');
            	});

            	$('.action-btn').click(function(){
            		$('.sidebar').removeClass('show-necessary');
        			$('.action-dropdown').toggleClass('visible-lg');
        			$('.action-dropdown').toggleClass('visible-md');
            	});

        		if( $('body').scrollTop() > 50 ){
        			$('.second-panel').removeClass('show-nav-design');
            	}else{
            		$('.second-panel').addClass('show-nav-design');
                }

        		$(document).scroll(function() {
        			if( $('body').scrollTop() > 50 ){
            			$('.second-panel').removeClass('show-nav-design');
                	}else{
                		$('.second-panel').addClass('show-nav-design');
                    }	
        		});
            	
            });
        </script>
    </head>
    <body class="grey-bg">
    	<div class="qk-nav">
	    	<div class="clearfix">
	    		<div class="pull-left">
	    			<a class="brand brand1" href="/"><i class="icon-qk-logo"></i></a>
	    			<a class="brand brand2" href="/"><i class="icon-qk-logo-small"></i></a>
	    		</div>
	    		<div class="pull-right">
	    			<ul class="nav navbar-nav navbar-right header-toggle">
						<li class="dropdown user-toggle">
							<a href="#" id="drop3" role="button" class="dropdown-toggle clearfix" data-toggle="dropdown"><img class="img-circle" src="/images/46x46.jpg"></img> <span class="hidden-xs">Ramona</span><b class="icon-caret-down inline-block pad-t-10"></b></a>
							<ul class="dropdown-menu dropdown-menu1" role="menu" aria-labelledby="drop3">
								<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">SHOWREEL</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">MY STUFF</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="/logout/">LOGOUT</a></li>
							</ul>
						</li>
						<li class="dropdown link-toggle">
							<a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-bars"></i></a>
							<ul class="dropdown-menu dropdown-menu1" role="menu" aria-labelledby="drop3">
								<li ><a href="/about/">ABOUT</a></li>
								<li ><a href="http://blog.qyuki.com/" target="_blank">BLOG</a></li>
								<li ><a href="/terms/">TERMS</a></li>
								<li ><a href="/privacy/">PRIVACY</a></li>
								<li ><a href="/faqs/">HELP</a></li>
								<li ><a href="/report/">REPORT ABUSE</a></li>
								<li>
									<div class="pad-7-25">
										<a class="social mar-r-10 pull-left" target="_blank" href="https://www.facebook.com/myQyuki"><i class="icon-fb-nav2"></i></a>
				        				<a class="social pull-left" target="_blank" href="https://twitter.com/MyQyuki"><i class="icon-tw-nav2"></i></a>
									</div>
				        		</li>
							</ul>
						</li>
					</ul>
	    		</div>
	    	</div>
	    </div>
	    
    	<nav class="second-panel clearfix">
    		<a class="pull-left notify" href="javascript:;"><i class="icon-bell active"></i></a>
    		
    		<a class="pull-left btn-add-post visible-lg visible-md" href="javscript:;"></a>
    		
    		<div class="action-dropdown links pull-left clearfix visible-lg visible-md">
    			<a class="pull-left" href="javascript:;">CHANNELS</a>
    			<a class="pull-left active" href="javascript:;">NEWS FEED</a>
    			<a class="pull-left" href="javascript:;">PROJECTS</a>
    			<a class="pull-left" href="javascript:;">GIG / JAM</a>
    		</div>
    		<div class="pull-right">
    			<div class="hidden-lg hidden-md">
    				<a class="action-btn" href="javascript:;">ACTIONS</a>
    			</div>
    			<div class="search visible-lg visible-md">
    				<input class="searchinput" type="text" placeholder="SEARCH"></input>
    				<input class="submit" type="submit" value="Submit"></input>
    			</div>
    		</div>
    	</nav><!-- /.second-panel -->
    	
    	<div class="clearfix main-panel">
    		<div class="main">
    			<div class="media-wrapper clearfix">
    				<div class="single">
    					<div class="label project-label">PROJECT</div>
    					<div class="user-img-div">
    						<img class="img-responsive"  src="/images/396x225.png"></img>
    					</div>
    					<div class="row detail1">
    						<div class="col-xs-9">
    							<div class="text2 lh1">Lorem Ipsum Dolor</div>
    						</div>
    						<div class="col-xs-3 align-right">
    							<img class="img-responsive" src="/images/71x71.png"></img>
    						</div>
    					</div>
    					<div class="row detail2">
    						<div class="bottom-left">
	    						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet... 
	    					</div>
	    					<div class="bottom-right">
	    						<a class="btn-more more-link" href="">MORE <i class="arrow"></i></a>
	    					</div>
    					</div>
    				</div>
    				
    				<div class="single">
    					<div class="label creator-label">CREATOR</div>
    					<div class="user-img-div">
    						<img class="img-responsive"  src="/images/396x225_white.png"></img>
    						<div class="user-image-outer">
    							<img class="img-responsive img-circle"  src="/images/300x300.png"></img>
    						</div>
    						<div class="role">MUSICIAN</div>
    					</div>
    					<div class="row detail1">
    						<div class="col-xs-9">
    							<div class="text2 lh1">Ramona arena</div>
    							<div class="text3">Mumbai</div>
    						</div>
    						<div class="col-xs-3 align-right">
    							<img class="img-responsive" src="/images/71x71.png"></img>
    						</div>
    					</div>
    					<div class="row detail2">
	    					<div class="bottom-left">
	    						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet... 
	    					</div>
	    					<div class="bottom-right">
	    						<a class="btn-more more-link" href="">MORE <i class="arrow"></i></a>
	    					</div>
	    				</div>
    				</div>
    				
    				<div class="single">
    					<div class="label gig-label">GIG</div>
    					<div class="user-img-div">
    						<img class="img-responsive"  src="/images/396x225_white.png"></img>
    						<div class="user-image-outer isgig">
    							<img class="img-responsive img-circle"  src="/images/300x300.png"></img>
    						</div>
    					</div>
    					<div class="row detail1">
    						<div class="col-xs-9">
    							<div class="text1">Looking for</div>
    							<div class="text2 lh1">Director</div>
    							<div class="text4">$300</div>
    						</div>
    						<div class="col-xs-3 align-right">
    							<img class="img-responsive" src="/images/71x71.png"></img>
    						</div>
    					</div>
    					<div class="row detail2">
	    					<div class="bottom-left">
	    						<div class="text1">Patrick Hoelck</div>
	    						<div class="text2">Mumbai</div>
	    					</div>
	    					<div class="bottom-right">
	    						<a class="btn-more more-link" href="">MORE <i class="arrow"></i></a>
	    					</div>
	    				</div>
    				</div>
    				
    				<div class="single">
    					<div class="label creation-label">CREATION</div>
    					<div class="video-clickable user-img-div">
    						<img class="img-responsive"  src="/images/396x225.png"></img>
    					</div>
    					<div class="row detail1">
    						<div class="col-xs-9">
    							<div class="text2 lh1">Lorem Ipsum Dolor</div>
    						</div>
    						<div class="col-xs-3 align-right">
    							<img class="img-responsive" src="/images/71x71.png"></img>
    						</div>
    					</div>
    					<div class="row detail2">
	    					<div class="bottom-left">
	    						<div class="text1">Patrick Hoelck</div>
	    						<div class="text2">Mumbai</div>
	    					</div>
	    					<div class="bottom-right">
	    						<a class="btn-more more-link" href="">MORE <i class="arrow"></i></a>
	    					</div>
	    				</div>
    				</div>
    				
    			</div>
    		</div>
    		<div class="sidebar">
    			<div class="notif-div">
	    			<div class="single active">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single active">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
	    			<div class="single">
	    				<div class="media">
						    <a class="pull-left" href="#">
						        <img class="media-object img-circle" src="http://www.nqyuki.com/images/46x46.jpg" alt="..."/>
						    </a>
						    <div class="pull-right time">
					    		3 min ago
					        </div>
						    <div class="media-body">
						      <div class="name">Clifford David</div>
						      <div class="text">is jamming</div>
						    </div>
						</div>
	    			</div>
    			</div>
    		</div>
    	</div>
    	
    	<div class="footer-links">
    		<a href="/terms/">TERMS</a>
    		<a href="/privacy/">PRIVACY</a>
    		<a href="/faqs/">HELP</a>
    		<a href="/report/">REPORT ABUSE</a>
    	</div>
	</body>
</html>